<template>
  <div>
    <div class="m-foot">
      <div class="foot-body">
        <div>
          <div class="body-text">
            <p class="text-1">
              <a href="">服务条款</a> | <a href="">隐私政策</a> | 
              <a href="">儿童隐私政策</a> | <a href="">版权投诉</a> | 
              <a href="">投资者关系</a> | <a href="">广告合作</a> | 
              <a href="">廉正举报</a> | <a href="">联系我们</a>
            </p>
            <p class="text-2">
              <span class="text-2-1">网易公司版权所有©1997-2022</span>
              <span class="text-2-2">杭州乐读科技有限公司运营：</span>
              <a href="">浙网文[2021] 1186-054号</a>
            </p>
            <p class="text-3">
              <a href="">粤B2-20090191-18 工业和信息化部备案管理系统网站</a>
              <a href="" class="text-3-2"> 浙公网安备 33010902002564号</a>
            </p>
            <p class="text-4">
              <span>互联网宗教信息服务许可证：浙（2022）0000120</span>
            </p>
          </div>
          <div class="body-img">
            <div class="body-img-1">
              <a href="">
                <img src="../assets/images/f-1.png" alt="">
                <span>AmpedStudio</span>
              </a>
            </div>
            <div class="body-img-2">
              <a href="">
                <img src="../assets/images/f-2.png" alt="">
                <span>用户认证</span>
              </a>
            </div>
            <div class="body-img-3">
              <a href="">
                <img src="../assets/images/f-3.png" alt="">
                <span>独立音乐人</span>
              </a>
            </div>
            <div class="body-img-4">
              <a href="">
                <img src="../assets/images/f-4.png" alt="">
                <span>赞赏</span>
              </a>
            </div>
            <div class="body-img-5">
              <a href="">
                <img src="../assets/images/f-5.png" alt="">
                <span>视频奖励</span>
              </a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.m-foot {
  height: 172px;
  width: 100%;
  border-top: 1px solid #d3d3d3;
  background: #f2f2f2;
  font-size: 12px;
  color: #333;
  display: inline-flex;
}
.m-foot>.foot-body {
  width: 980px;
  margin: 0 auto;
}

// 左边开始
.body-text {
  float: left;
  width: 520px;
  padding-top: 15px;
  line-height: 24px;
  color: #666;
}
.text-1>a {
  color: #999;
}

.text-2 {
  color: #666;
}
.text-2>.text-2-1 {
  margin-right: 14px;
}
.text-2>a {
  color: #666;
}

.text-3 {
  height: 28px;
}
.text-3>a {
  color: #666;
}
.text-3>.text-3-2 {
  margin-left: 5px;
}
// 左边结束

// 右边开始
.body-img {
  width: 420px;
  margin-top: 33px;
  float: left;
  color: #666;
  margin-left: 25px;
}
.body-img-1 {
  margin-left: 0;
  float: left;
  width: 60px;
  height: 70px;
  text-align: center;
}
.body-img-1>a {
  color: #666;
}
.body-img-1>a>img {
  display: block;
  width: 50px;
  height: 45px;
  margin-bottom: 4px;
}
.body-img-1>a>span {
  width: 72px;
  height: 14px;
  margin: 5px 5px 0 -8px;
  font-size: 12px;
} 

.body-img-2 {
  float: left;
  width: 60px;
  height: 70px;
  margin-left: 25px;
}
.body-img-2>a {
  color: #666;
}
.body-img-2>a>img {
  display: block;
  width: 50px;
  height: 45px;
  margin-bottom: 4px;
}
.body-img-2>a>span {
  width: 72px;
  height: 14px;
  margin: 5px 5px 0 0;
  font-size: 12px;
} 

.body-img-3 {
  float: left;
  width: 60px;
  height: 72px;
  margin-left: 25px;
}
.body-img-3>a {
  color: #666;
}
.body-img-3>a>img {
  display: block;
  width: 50px;
  height: 45px;
  margin-bottom: 4px;
}
.body-img-3>a>span {
  width: 72px;
  height: 14px;
  margin: 5px 2px 0 -5px;
  font-size: 12px;
}

.body-img-4 {
  float: left;
  width: 60px;
  height: 72px;
  margin-left: 25px;
}
.body-img-4>a {
  color: #666;
}
.body-img-4>a>img {
  display: block;
  width: 50px;
  height: 45px;
  margin-bottom: 4px;
}
.body-img-4>a>span {
  width: 72px;
  height: 14px;
  margin-left: 13px;
  font-size: 12px;
}

.body-img-5 {
  float: left;
  width: 60px;
  height: 72px;
  margin-left: 25px;

}
.body-img-5>a {
  color: #666;
}
.body-img-5>a>img {
  display: block;
  width: 50px;
  height: 45px;
  margin-bottom: 4px;
}
</style>